import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './plugins/element.js'
import './assets/fonts/iconfont.css'
import './assets/css/global.css'

import axios from 'axios'
// 1 axios是一个函数 是一个工具函数 可以提供发送请求的能力
// 2 我希望怎么去用这个工具函数？？ 我希望可以在任意的组件中访问到它
// 3 什么样的东西 可以在任意的组件访问到？？ 原型上公共的方法
// 4 想办法把axios加到组件构造函数的原型上
// 5 组件的构造函数是什么？ Vue
// 配置请求的跟路径
axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'

axios.interceptors.request.use(config=>{
  config.headers.Authorization = window.sessionStorage.getItem('token')
  return config
})

// 把axios配置到VUE构造函数上, 目的是 为了能够让所有的组件都可以调用axios
Vue.prototype.$http = axios

Vue.config.productionTip = false


// MVVM中的VM
new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
